<template>
  <div>
    <div style="margin-bottom: 8px">
      <Badge is-dot :content="4"></Badge>
      Error
    </div>
    <div style="margin-bottom: 8px">
      <Badge is-dot type="primary"></Badge>
      Primary
    </div>
    <div style="margin-bottom: 8px">
      <Badge is-dot type="success"></Badge>
      Success
    </div>
    <div style="margin-bottom: 8px">
      <Badge is-dot type="warning"></Badge>
      Warning
    </div>
    <div style="margin-bottom: 8px">
      <Badge is-dot type="info"></Badge>
      Info
    </div>
    <div style="margin-bottom: 8px">
      <Badge is-dot type="disabled"></Badge>
      Disabled
    </div>
  </div>
</template>
